<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi"> <!--<![endif]-->

<head>    <!-- Mobile viewport optimisation -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="content-language" content="vi"/>
    <title>Hosen Hotel</title>
    <!--nivoSlider-->
    <link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/styleNivoSlider.css" type="text/css" />
    <!-- 1140px Grid styles for IE -->
    <!--[if lte IE 9]><link type="text/css" rel="stylesheet" href="css/ie.css" media="screen" /><![endif]-->
    <link type="text/css" rel="stylesheet" href="css/1140.css" />
    <link type="text/css" rel="stylesheet" href="css/default-style.css" />
    <link type="text/css" rel="stylesheet" href="css/form.css" />
    <link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<div id="header" class="clearfix">
    <div class="container12">
        <a class="logo" href="index.html" title="Hosen Hotel"><img src="images/logo.png" alt="Hosen Hotel" /></a>

        <div class="row phone-lang">
            <ul class="column12">
                <li class="lang"> | &nbsp;
                    <span><a href="" class="active" title="EN">EN</a></span>
                    <span><a href="" title="JP">JP</a></span>
                    <span><a href="" title="KOR">KOR</a></span>
                </li>
                <li class="phone-number">+(84.8) 38 232 281</li>
            </ul>
        </div>
        <div class="row slider-book">
            <!--Slider banner-->
            <div class="slider-wrapper theme-default">
                <div id="slider" class="nivoSlider column12">
                    <a href="#" title="img 1"><img src="images/banner1.jpg" alt="banner1.jpg" title="#htmlcaption1" /></a>
                    <a href="#" title="img 1"><img src="images/banner2.jpg" alt="banner2.jpg" title="#htmlcaption2" /></a>
                </div>
            </div>
            <!--<div id="htmlcaption1" class="nivo-html-caption sixcol last">
                <h2>GIỚI THIỆU <span>CÔNG TY 1</span></h2>
                <p class="info">Công ty là nơi thực hiện các công trình chất lượng  cao về chế </p>
                <a href="" title="Xem thêm ...">Xem thêm ...</a>
            </div>
            <div id="htmlcaption2" class="nivo-html-caption sixcol last">
                <h2>GIỚI THIỆU CÔNG TY 2</h2>
                <p class="info">Công ty là nơi thực hiện các công trình chất lượng  cao về chế </p>
                <a href="" title="Xem thêm ...">Xem thêm ...</a>
            </div>
            <div id="htmlcaption3" class="nivo-html-caption sixcol last">
                <h2>GIỚI THIỆU CÔNG TY 3</h2>
                <p class="info">Công ty là nơi thực hiện các công trình chất lượng  cao về chế </p>
                <a href="" title="Xem thêm ...">Xem thêm ...</a>
            </div>-->

            <!--book-->
            <div class="column5 book">
                <h2><strong>Let us</strong> know your</h2>
                <div class="form">
                    <form>
                        <div class="row">
                            <label>Check - in date</label>
                            <input type="text" name="check-in" value="" /><img src="images/icon-calendar.png" alt="calendar" />
                        </div>
                        <div class="row">
                            <label>Check - out date</label>
                            <input type="text" name="check-out" value="" /><img src="images/icon-calendar.png" alt="calendar" />
                        </div>
                        <div class="row">
                            <input type="submit" name="submit" value="Book now" />
                        </div>
                        <a href="" title="Check availability chart">Check availability chart</a>
                    </form>
                </div>
            </div>
        </div>
        <div class="row menu">
            <span class="btn-navbar"></span>

            <ul class="column12">
                <li><a href="index.html" title="Home" class="active"><img src="images/icon-menu-active.png" /> Home</a></li>
                <li><a href="accomodations.html" title="Accomodations"><img src="images/icon-menu.png" /> Accomodations</a></li>
                <li><a href="services.html" title="Services"><img src="images/icon-menu.png" /> Services</a></li>
                <li class="logo">&nbsp;</li>
                <li><a href="promotions.html" title="Promotions"><img src="images/icon-menu.png" /> Promotions</a></li>
                <li><a href="gallery.html" title="Gallery"><img src="images/icon-menu.png" /> Gallery</a></li>
                <li><a href="contact.html" title="Contact"><img src="images/icon-menu.png" /> Contact</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="wrapper">
    <div class="container12">
        <div class="row contact main-bg">
            <div class="column5 form">
                <h1>Contact</h1>
                <form>
                    <div class="row">
                        <label>Name:</label>
                        <input type="text" />
                    </div>
                    <div class="row">
                        <label>Email:</label>
                        <input type="text" />
                    </div>
                    <div class="row">
                        <label>Phone:</label>
                        <input type="text" />
                    </div>
                    <div class="row">
                        <label>Address:</label>
                        <input type="text" />
                    </div>
                    <div class="row input-captcha">
                        <label>Confirm Code:</label>
                        <input type="text" /><img src="images/captcha.png" alt="captcha" />
                        <a href="javascript:;" title="Get another code">Refresh</a>
                    </div>
                    <div class="row">
                        <label>Note:</label>
                        <textarea></textarea>
                    </div>
                    <div class="row">
                        <label>&nbsp;</label>
                        <input type="submit" value="Send" />
                    </div>
                </form>
            </div>
            <div class="contact-map column7 omega">
                <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps?t=m&amp;sll=10.807358,106.710854&amp;sspn=0.0080936,0.0109864&amp;q=C%C3%B4ng+ty+Thi%E1%BA%BFt+k%E1%BA%BF+website+B%C3%A1ch+H%E1%BB%A3p&amp;cid=0x78ffb030d20b5b89&amp;ie=UTF8&amp;hq=&amp;hnear=&amp;ll=10.807358,106.710854&amp;spn=0.006295,0.006295&amp;output=embed"></iframe><br /><small><a href="https://www.google.com/maps?t=m&amp;sll=10.807358,106.710854&amp;sspn=0.0080936,0.0109864&amp;q=C%C3%B4ng+ty+Thi%E1%BA%BFt+k%E1%BA%BF+website+B%C3%A1ch+H%E1%BB%A3p&amp;cid=0x78ffb030d20b5b89&amp;ie=UTF8&amp;hq=&amp;hnear=&amp;ll=10.807358,106.710854&amp;spn=0.006295,0.006295&amp;source=embed" style="color:#0000FF;text-align:right">View Larger Map</a></small>
                <div class="contact-info">
                    <h2>Contact with Hosen</h2>
                    <p>4A - $B - 4C, Ben Nghe Ward, Dist 1, Ho Chi Minh City, Viet Name</p>
                    <p>Tel: (84.8) 38 232 281 - 38 232 285</p>
                    <p>Fax: (84.8) 38 291 849</p>
                    <p>Email: <a href="mailto:info@hosenhotel.com.vn" title="info@hosenhotel.com.vn">info@hosenhotel.com.vn</a></p>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="footer">
    <div class="container12 main-bg">
        <div class="row ">
            <div class="column5">
                <h3>Contact</h3>
                <p>4A - 4B - 4C Thi Sách St., Ben Nghe Ward, Dist 1, Ho Chi Minh City, Viet Nam</p>
                <p class="phone icon">+(84.8) 38 232 281 - 38 232 285</p>
                <p class="fax icon">+(84.8) 38 291 849</p>
                <p class="email icon">info@hosenhotel.com.vn</p>
            </div>
            <div class="column2">
                <h3>Hosen Hotel</h3>
                <p><a href="" title="About us">About us</a></p>
                <p><a href="" title="Provision">Provision</a></p>
                <p><a href="" title="Guide">Guide</a></p>
            </div>
            <div class="column2 social">
                <h3>Share</h3>
                <p class="icon-twitter icon"><a href="" title="Twitter">Twitter</a></p>
                <p class="icon-facebook icon"><a href="" title="Facebook">Facebook</a></p>
                <p class="icon-gmail icon"><a href="" title="Gmail">Gmail</a></p>
                <p class="icon-google icon"><a href="" title="Google">Google</a></p>
            </div>
            <div class="column2 support">
                <h3>Support</h3>
                <p class="icon-skype icon"><a href="" title="Skype">Skype</a></p>
                <p class="icon-yahoo icon"><a href="" title="Yahoo">Yahoo</a></p>
            </div>
        </div>
    </div>
    <div class="container12 copyright">
        <div class="row">
            <div class="column12">
                <p>Copyright &copy; 2014 Ho Sen Hotel. All right reserved. <a href="" title="Designed by Bachhop">Designed by Bachhop</a></p>
            </div>
        </div>
    </div>
</div>

<a href="javascript:;" class="icon-home" title="home"><img src="images/icon-home.png" alt="icon home" /></a>

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
<script type="text/javascript" src="js/galleriffic/jquery.history.js"></script>
<script type="text/javascript" src="js/galleriffic/jquery.galleriffic.js"></script>
<script type="text/javascript" src="js/galleriffic/jquery.opacityrollover.js"></script>

<script type="text/javascript">
    $(function() {
        /* scroll to top*/
        $(window).scroll(function(){
            if ($(this).scrollTop() > 300) {
                $(".icon-home").fadeIn();
            } else {
                $(".icon-home").fadeOut();
            }
        });

        /* scrollup */
        $(".icon-home").click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });

        // nivoSlider
        $('#slider').nivoSlider();

        $('.btn-navbar').click(function() {
            $(this).toggleClass('left6');
            $('.menu li.logo').remove();
            $('.menu').toggleClass('active');
        });

        var $list_info_detail = $('.list-info.detail, .promotion-detail').width();
        var $list_info_detail_img = $('.list-info.detail img.img-large, .promotions img.img-large').width();
        var $txt_center = ($list_info_detail - $list_info_detail_img) / 2;
        $('.list-info.detail img.img-large, .promotions img.img-large').css('margin-left', $txt_center);
        $('.list-info.detail ul').css('margin-left', $txt_center);
    });
</script>
</body>
</html>